<tal:block metal:define-macro="header">
	<script src="/js/jquery.js"></script>
	<div class="topbar clearfix">
		<a class="brand fleft" href=""><img src="/images/nick-logo.png"></img></a>
		
		<span class="fright relative imgOuter">
			<a rel="user-menu" class="userImage toggleMe fright" href="javascript:;"><img class="fleft" tal:attributes="src loginDetails/userImg"></img><b class="caret-small fleft"></b></a>
			<span class="dropdown-menu user-menu" id="user-menu">
		     	<span class="menu-head block clearfix">
					<span class="caret-up"></span><br/>
					<a class="fleft" target="_blank" tal:attributes="href loginDetails/profileLink">Hi, ${loginDetails/userName} </a>
				</span><!-- /.menu-head -->
		        <ul>
		        	<li>
		        		<a class="outer" tal:attributes="href loginDetails/profileLink">
				    		<span class="row">
				    			<span class="column">
				    				<span class="block"><i class="icon-setting"></i>Profile</span>
				    			</span>
				    		</span>
				    	</a>
		        	</li>
		        	<li>
		        		<a class="outer" href="/logout/">
				    		<span class="row">
				    			<span class="column">
				    				<span class="block"><i class="icon-reddot"></i>Logout</span>
				    			</span>
				    		</span>
				    	</a>
		        	</li>
		        </ul>
	   		 </span>
		</span>
	</div><!-- /.topbar -->
</tal:block>

<tal:block metal:define-macro="sideNav">		
	<div class="midPanel">
		<div class="visitSiteBar navTop align-center">
			<span>Admin Pannel</span>
		</div><!-- /.visitSiteBar -->
		
		<div class="mainLeftNavigation">
			<ul>
				<li tal:repeat="single navArray" class="${single/parent/class}">
					<a tal:attributes="href single/parent/url" tal:content="single/parent/name">Games</a>
					<ul>
						<li tal:repeat="single single/child" class="${single/class}">
							<a class="${single/class}" tal:attributes="href single/url" tal:content="single/name">All Games</a>
						</li>
					</ul>
				</li>
			</ul>
		</div><!-- /.mainNavigation -->
	</div><!-- /.midPanel -->
</tal:block>				
				
